<template>
  <div>
    <div>消息通知</div>
    <a-layout>
      <a-layout-header>
        <a-row>
          <a-col :span="12">
            <div>
              <a-button type="link" @click="pushPath('/user/commentinfo')">回复我的</a-button>
            </div>
          </a-col>
          <a-col :span="12">
            <div>
              <a-button type="link" @click="pushPath('/user/likeinfo')">点赞我的</a-button>
            </div>
          </a-col>
        </a-row>
      </a-layout-header>

      <a-layout-content>这里显示系统消息</a-layout-content>
    </a-layout>
  </div>
</template>

<script>
import { defineComponent, ref } from "vue";
import { useRouter } from "vue-router";

export default defineComponent({
  setup() {
    const router = useRouter();
    const pushPath = (p) => {
      router.push({ path: p });
    };

    return {
        router,
        pushPath,
    };
  }
});
</script>

<style>
.ant-layout-header {
  background: #e2dede;
}
.ant-layout-content {
  background: #e2dede;
}
</style>
